/** 1. axios的配置
 * 1. 创建一个新的axios实例,配置基准地址,配置超时时间
 * 2. 添加请求拦截器,在请求头携带token
 * 3. 添加响应拦截器,401错误拦截去登录页面, 判断业务是否成功剥离无效数据
 */

import { useUserStore } from '@/stores'
import axios, { type Method } from 'axios'
import { showToast } from 'vant'
import router from '@/router'

const baseURL = 'https://consult-api.itheima.net/'
const instance = axios.create({
  baseURL,
  timeout: 10000
})

// 请求拦截器
instance.interceptors.request.use(
  (config) => {
    // 修改请求头
    // 获取token -> 获取user
    const store = useUserStore()
    if (store.user?.token && config.headers) {
      config.headers.Authorization = `Bearer ${store.user.token}`
    }
    return config
  },
  (error) => Promise.reject(error)
)

instance.interceptors.response.use(
  (res) => {
    if (res.data.code !== 10000) {
      showToast(res.data.message || '网络异常')
      return Promise.reject(res.data)
    }
    return res.data
  },
  (error) => {
    // 401 | token过期 跳转首页 | from页面
    if (error.response.status === 401) {
      // 删除用户信息
      const store = useUserStore()
      store.deleUser()
      /**
       * router 路由实例，提供相关函数操作; route 路由相关信息 query params path
       *  path -> /user
       *  fullPath -> /user?id=1
       */
      router.push(`/login?url=${router.currentRoute.value.fullPath}`)
    }

    return Promise.reject(error)
  }
)

/**
 *  请求工具函数
 *  参数 url method submitData
 *  返回 instance  调用接口的Promise对象
 */
// 指定响应类型
type Data<T> = {
  code: string
  message: string
  data: T
}
const request = <T>(
  url: string,
  method: Method = 'get',
  submitData?: Object
) => {
  // 泛型的第二个参数可以自定义响应类型
  return instance.request<T, Data<T>>({
    url,
    method,
    [method.toLowerCase() === 'get' ? 'params' : 'data']: submitData
  })
}

export { baseURL, instance, request }
